<!DOCTYPE htm1>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <title> 疯狂俄罗斯方块</title>
    <script defer type="text/javascript" src="tetris.js"></script>
    <style type="text/css">
        /* @font-face {
            font-family: tmb;
            src: url("DS-DIGIB.TTF") format("TrueType");
        } */
        body{
            display: flex;
            justify-content: center;
        }
        body>div{
            font-size: 20px;
            padding-bottom: 8px;
        }
        span{
            /* font-family: tmb; */
            font-size: 20px;
            color:green;
        }
        #curSpeedEle{
            margin-right: 20px;
        }
        img{
            cursor: pointer;
            border-radius:90% ;
            width: 60px;
            text-align: center;
            margin: 0;
        }
        .btn{
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
    <h2 style="margin: 0;writing-mode: vertical-rl;font-size: 100%;">疯狂俄罗斯方块</h2>
    <div class="column" style="width:160px;border:1px solid black;background:#ff9;">&nbsp;
        <div >
            <p>下落速度:<span id="curSpeedEle"></span></p>
            <p>当前积分:<span id="curScoreEle"></span></p>
        </div>
        <div >
            <p>最高积分:<span id="maxScoreEle"></span></p>
        </div>
        <div style="margin: 0;">
            <img src="button/start.png"><span class="btn" style="margin-top: 20px;">开始/空格</span>
            <img src="button/start.png" style="display: none;"><span class="btn" style="display: none;">继续/空格</span>
            <img src="button/zt.png" style="display: none;"><span class="btn" style="display: none;">暂停/空格</span>
            <img src="button/js.png" style="display: none;"><span class="btn" style="display: none;">结束/P</span>
            <img src="button/ht.png" style="display: none;"><span class="btn" style="display: none;">作弊/Q</span>
            <img src="button/xj.png" style="display: none;"><span class="btn" style="display: none;">作死/E</span>
        </div>
    </div>
</body>

</html>